<template>
  <el-option
    :key="label + value"
    :label="source[label]"
    :value="source[value]"
  >
    <span>{{ source[label] }}</span>
    <span
      v-if="isRight"
      style="float: right; color: #939393"
    >{{ source[value] }}</span>
  </el-option>
</template>
<script>
export default {
  name: 'ItemComponent',
  props: {
    index: {
      type: Number,
      default: null
    }, // 每一行的索引
    source: {
      type: Object,
      default() {
        return {}
      }
    }, // 每一行的内容
    label: {
      type: String,
      default: ''
    }, // 需要显示的名称
    value: {
      type: String,
      default: ''
    }, // 绑定的值
    isRight: {
      type: Boolean,
      default: false
    } // 右侧是否显示绑定的值
  }
}
</script>
